一、安装下载nuxtjs

	npx create-nuxt-app

	***下载的时候什么都不安装

二、配置路由

	2.1 下载

		npm install @nuxtjs/router -S

	2.2 在nuxt.config.js配置

		modules:[
			'@nuxtjs/router'
		]

	2.3 把vue-cli中的router文件拷贝到nuxt项目根目录

	2.4 修改最后返回

		export function createRouter(){
		    return new Router({
		      mode: "history",
		      routes,
		    });
		}

三、请求接口

	3.1 先解决跨域的问题,并且安装axios

		a>安装下载

			npm install @nuxtjs/axios @nuxtjs/proxy -S

		b>nuxt.config.js配置

			modules: [
			    '@nuxtjs/router',
			    '@nuxtjs/axios',
			    '@nuxtjs/proxy'
			],

	3.2 设置代理解决跨域的问题 : nuxt.config.js

		axios:{
		    proxy:true
		},
		proxy:{
		    '/api':{
		        target:'http://testapi.xuexiluxian.cn',
		    }
		},

	3.3 axios二次封装

		a>配置 : nuxt.config.js

			plugins: [
			    '~/plugins/axios',
			],
		b>新建文件：根目录下新建plugins/axios.js

		c>axios.js
			export default ( {$axios} )=>{
				$axios.onRequest(config=>{
					return config;
				})
				$axios.onResponse(response=>{
					return response.data;
				})
			}
			参考链接：https://axios.nuxtjs.org/helpers

	3.4 解耦合

		a>配置: nuxt.config.js

			plugins: [
			    '~/plugins/axios',
			    '~/api/xxx'
			],
		b>xxx.js中写入

			export default ({$axios},inject)=>{

				inject('getFirstCategorys',()=>$axios({
					url:'/api/course/category/getFirstCategorys',
			        method:'GET',
				}))

			}
			
		c>页面或者组件请求

			async asyncData( app ){
			    let res = await app.$getFirstCategorys();
			    return {
			    	list:res.data.list
				}
			}




